<!--导航框架之模板视图-->
<meta charset="UTF-8">
	 
<ion-view view-title="我的收藏"  hide-tabs='true'>
	<style>
		div,
		ul,
		li {
			margin: 0;
			padding: 0;
		}
		/*清浮动*/
		
		.clearfix:after {
			content: "";
			display: block;
			clear: both;
		}
		
		.clearfix {
			zoom: 1;
		}
		
		html,
		body {
			width: 100%;
			height: 100%;
			font-family: "微软雅黑";
		}
		.sc1-biaoti
		{
			overflow : hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			height: 20px;
			
			font-size: 1.2em;
			margin-bottom: 20px;
		}
		.sc1-shoufei{
			font-size: 1.3em;
			color: #ff9933;
		}
		.sc1-dizhi{
			font-size: 12px;
			color: rgb(153,153,153);
		}
		.sc1-activity-left{
			width: 40%; height: 100px;float: left;
		background-color: white;
		}
		.sc1-activity-right{
			width: 60%;height: 100px;float: left;padding: 10px;text-align: left;
			background-color: white;
		}
		.sc1-li{
			margin-top: .8em; float: left;
			width: 100%;
		}
		.sc1 a:hover
		{
			color: #ff6614!important;
		}
		
	</style>

	

		<div class="scroll-content ">
			<ion-content style='background-color:#f2f2f2;'>

				<ion-refresher ng-load='slider1()' pulling-text="" on-refresh="doRefresh()" spinner="android">
				</ion-refresher>
				<ul>
					<a class="sc1-li" ng-repeat='p in hd_list  ' ng-href="#/huodong/{{p.Id}}" >
						<div class="sc1-activity-left" >
							<img ng-src="{{p.hdfm}}" style="width: 100%;height: 100%; padding: 10px;" />
						</div>
						<div class="sc1-activity-right">	
							 <div class="sc1-biaoti" >{{p.title}}
							</div>
							 <div >
								<span class="sc1-dizhi">{{p.ksdate |date : 'MM-dd HH:mm'}}</span> 
							 </div>
							 <div class="sc1-dizhi" ><span>{{p.dizi}}</span><span class="sc1" style="float: right;">
							 		<span style="color:#ff9933 ; border: 1px solid #ff9933;padding:1px 3px 1px  3px;border-radius: 3px;">活动</span>
							 	<span ng-style='' style="opacity:.5;color:#ff9933 ; border: 1px solid #ff9933;padding:1px 3px 1px  3px;border-radius: 3px;">{{p.zt}}</span>
							 
							 </span></div>
						</div>
					</a>
			
				</ul>
			
			</ion-content>

		</div>

		</div>
	
</ion-view>